<template>
	<view class="container">

		<view class="nav-bar">
			<view class="back-icon" @tap="goBack">
				<uni-icons type="left" size="20" color="#fff"></uni-icons>
			</view>
			<view class="title">添加成功</view>
			<view class="right-icons">
				<uni-icons type="more-filled" size="20" color="#fff"></uni-icons>
			</view>
		</view>
		<!-- <image class="success-icon" src="/static/images/success.png" /> -->
		<view class="content-box">
			<view class="white-box car-success">
				<uni-icons type="checkbox" size="100" color="blue"></uni-icons><br>
				<text class="success-text">添加成功</text>
				<view class="back-btn" @tap="goBack">返回</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		methods: {
			goBack() {
				uni.reLaunch({
					url: '/pages/lz-MyCheLiang/mycar/mycar'
				})
			}
		}
	}
</script>

<style lang="scss">
	.nav-bar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		padding: var(--status-bar-height) 16px 12px;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.title {
			color: #fff;
			font-size: 17px;
			font-weight: 500;
		}
	}

	.car-success {
		text-align: center;
	}

	.back-btn {
		background-color: #4080FF;
		border-radius: 50px;
		height: 80rpx;
		line-height: 80rpx;
		margin-top: 20rpx;

	}
</style>